<%@ attribute name="action" required="true" rtexprvalue="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="/static/style/smoothness/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css">
<link href="/static/style/tradeStyle.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function filter()
{
    var nameObj = document.getElementById("selectEmp");
    var nameLike = document.getElementById("inputPart");

    var a = nameLike.value; 
    var b = nameObj.options.length;
    var c = nameLike.value.length;
    a = a.toUpperCase(); 
    var allItems = new Array(b);
    for (var i = 0; i < b; i++)
    {
        allItems[i] = nameObj.options[i].text.toUpperCase();
        if (a == (allItems[i].substr(0, c))){
            nameObj.options[i].selected = true;
            return true;
        }
    }
}
</script>
</head>
<body>
<form action="<%=action %>" method="post" onsubmit="javascript: var btn= document.getElementById('submitBtn'); btn.disabled=true; btn.value='processing...';">
    <table align="center" width="400px" cellpadding="4" border="0" style="margin-top: 25px" 
				cellspacing="1" class="listtablebordercolor">
            <tr  class="ui-tabs-nav ui-helper-reset ui-widget-header ui-corner-all">
              <td colspan="2"  class="datafield">Please select Employee From the List</td>
            </tr>
            
            <tr class="listtablerowodd">
            	<td class="datafieldlabel">
            	Filter By Name :
            	 </td>
            	 <td> 
            	 <input name="inputPart" type="text" id="inputPart" onkeyup="filter();" size="20" class="textbox" autocomplete="off"></td>
            </tr>

			<tr class="listtablerowodd">
				<td> </td>
				<td><%= com.hrms.domain.Employee.makeSelect("selectEmp", "") %> </td>
			</tr>
		
			<tr class="listtablerowodd">
				<td> </td>
			<td><input id="submitBtn" type="submit" value="Submit" class="ui-state-default ui-corner-all ui-state-hover"></td>
	</tr>   
</table>
</form>
</body>
</html>